<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width,height=device-height" />
  <meta name="format-detection" content="telephone=no" />
  <title>个人主页</title>
  <link rel="stylesheet" href="task5.css">
</head>

<body>

  <div class="header">
    <img src="./img/return2.png" alt="">
    个人主页
  </div>

  <div class="banner">
    <div class="user">
      <img src="./img/user.png" alt="">
      <span class="name">花花美少女 <span class="age">51岁</span>
        <p>宇宙.银河系.魔仙堡</p>
      </span>
    </div>
  </div>

  <div class="skill">
    <div> </div>专业技能
  </div>

  <div class="content">
    <div class="type"><img src="./img/star.png" alt="" name="home"><span class="home"> 住家</span>
      <img src="./img/star.png" alt="" name="dinner"> <span class="dinner">不含餐</span>
    </div>
    <div class="years"><span class="title">从业年限</span>
      <span class="describe">0~3年</span></div>

    <div class="workTime"><span class="title">工作时间</span>
      <span class="describe">全天</span></div>

    <div class="price"><span class="title">服务价格</span>
      <span class="describePri">25元/小时</span></div>
  </div>


  <div class="introduce">
    <div class="titleIntr">自我介绍</div>
    <div class="line"> </div>
    <div class="describeIntr">可以洗衣、做饭、照顾老人。在护工方面有5年的经验，经验丰富。
      可以洗衣、做饭、照顾老人。在护工方面有5年的经验，经验丰富。
      可以洗衣、做饭、照顾老人。在护工方面有5年的经验，经验丰富。
      可以洗衣、做饭、照顾老人。在护工方面有5年的经验，经验丰富。</div>
  </div>

  <div class="footer">
    <button type="button" name="message">留言</button>
    <button type="button" name="tel">电话联系</button>
  </div>


</body>

</html>
